<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Personal Information</title>
</head>
<style>
	#sub{
	   font-size:1em;
	   font-family:"微软雅黑";
	   cursor:pointer;
	}
</style>
<body>
	<div class="body" align="center">
	<form method="post" th:object="${pInfo}">
		<h1>填写个人信息</h1>
		<p> 
		姓名： <input id="name" name="name" type="text" th:field="*{name}" placeholder="这里填写姓名" >
				<span class="validationError"
        th:if="${#fields.hasErrors('name')}"
        th:errors="*{name}">Name Error</span>
		</p>
		<p> 
		学号 ：<input id="sid" name="sid" type="text" placeholder="这里填写学号">
				<span class="validationError"
        th:if="${#fields.hasErrors('sid')}"
        th:errors="*{sid}">Name Error</span>
		</p>
		<p>
		 专业 ：<input id="major" name="major" type="text" placeholder="这里填写专业">
		 		<span class="validationError"
        th:if="${#fields.hasErrors('major')}"
        th:errors="*{major}">Name Error</span>
		</p>
		<p> 
		年级 ：<input id="grade" name="grade" type="text" placeholder="这里填写年级">
				<span class="validationError"
        th:if="${#fields.hasErrors('grade')}"
        th:errors="*{grade}">Name Error</span>
		</p>
		<p> 
		学院 ：<input id="colleage" name="colleage" type="text" placeholder="这里填写学院">
				<span class="validationError"
        th:if="${#fields.hasErrors('colleage')}"
        th:errors="*{colleage}">Name Error</span>
		</p>
		<input id="sub" name="sub" type="submit" value="完成提交" />
	</form>
	</div>
</body>
</html>